<template>
  <h1>日期时间选择器组件</h1>
  <el-date-picker
    type="date"
    v-model="rq"
    value-format="YYYY-MM-DD"
    @change="console.log(rq)"
  ></el-date-picker>
  <br>
  <el-date-picker
    type="datetimerange"
    format="YYYY-MM-DD HH:mm:ss"
    value-format="YYYY-MM-DD HH:mm:ss"
    v-model="times"
    @change="f"
    start-placeholder="开始啦"
    end-placeholder="结束啦"
    range-separator="到"
  ></el-date-picker>
</template>

<script setup>
import {ref} from "vue";
const rq = ref('');
const times = ref([]);
const f = ()=>{
  console.log(times.value);
  console.log(times.value[0]);
  console.log(times.value[1])
}
</script>

<style scoped>

</style>